.dialog-main {

  height: 80vh;
  overflow-y: auto;
  position: relative;
  .top{
    display: flex;
    padding:0.1rem;
    border-bottom: 1px solid #d0cece;
    justify-content: space-between  ;
    position: sticky;
    top: 0;
    z-index: 2;
    align-items: center;
    background: white;
    .left {
        display: flex;
        align-items: center;
        .dot {
          width: 0.0313rem;
          height: 0.0313rem;
          background: linear-gradient(180deg, #fcaa3e, #ff9500);
          border-radius: 0.0104rem;
        }
        .title{
            color: #2D2D2D;
            margin-left: .0625rem;
            font-size: .1042rem;
            font-weight: bold;
        }
      }
    
      .right{
        display: flex;
        // width: 1rem;
        align-items: center;

        font-size: .1rem;
        .btn{
          display: flex;
          justify-content: center;
          align-items: center;
          color:white;
          background: #3644bf;
          height: .225rem;
          margin-right: .1rem;
          width: .5rem;
          font-size: .08rem;
          border-radius: .02rem;
        }
        .fabricOption{
            width: 1rem;
            display: flex;
            // align-items: center;
            height: .225rem;
            // display: flex;
            // border: 1px solid #2d2d2d;
            // border: 1px solid red;
           
        }
    .search-input-right{
        display: flex;
        .search-input{
            width: 1.276rem;
            height: .225rem;
            margin-left: .1rem;
            border-left: 1px solid #b5b5b5;
            border-top: 1px solid #b5b5b5;
            border-bottom: 1px solid #b5b5b5;
            padding-left: .0625rem;
            // padding-right: .0625rem;
            display: flex;
            align-items: center;
            
            input{
                flex: 1;
                height: .15rem;
                font-size: .07rem;
                outline: none;
                border: none;
            }
            
        }

        .search-btn{
            height: calc(.225rem + 2px);
            width: .3438rem;
            background: #3644bf;
            display: flex;
            justify-content: center;
            align-items: center;
            img{
                width: .099rem;
                height: .099rem;
            }
        }
    }
       
        
      }
  }
  
}
.close {
  font-size: 0.1rem;
  width: 0.1081rem;
  height: 0.1081rem;
  right: -0.1rem;
  top: -0.15rem;
  transform: translate(100%, -50%);
  position: absolute;
  img {
    width: 100%;
    height: 100%;
  }
}

.select-gather{
    display: flex;
    align-items: center;
    margin-top: .0781rem;
    .part{
        height: .2083rem;
        width: 18%;

        display: flex;
        .left{
            float: left;
            width: .4115rem;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: .0833rem;
            color: #2D2D2D;
            background: #f9f9f9;
            font-weight: bold;
            box-sizing: border-box;

            border-left: 1px solid #e7e7e7; 
            border-top: 1px solid #e7e7e7; 
            border-bottom: 1px solid #e7e7e7; 
        }
        .right{
            flex: 1;
            display: flex;
        }
    }
    .part:nth-child(n+1){
        margin-right: .0625rem;
    }
}
.main-content {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 0.1042rem;
    padding-left: 0.1rem;
  padding-right: 0.1rem;
  .part-width{
    width: 15%;
  }
  .part {
  
    margin-bottom: 0.0677rem;
    position: relative;
    .frame {
      position: absolute;
      left: 0;
      top: 0;
      width: calc(100% - 0.0104rem);
      height: calc(100% - 0.0104rem);
      border: 0.0104rem solid #c71d32;
    }
  }
}
